
$(function(){
	/*下拉导航条部分*/

	;(function(){
		function noRepeat(a){
			var arr2=[]
			for(var i=0;i<a.length;i++){
				var flag=true;
				for(var j=0;j<arr2.length;j++){
					if(a[i]==arr2[j]){
						flag=false;
						break;
					}
				}
				if(flag){
					arr2.push(a[i])
				}
			}
			return arr2;//将arr2 返回给函数, 若不return 后面调用时 为undefined 
		};

		$(".all_tit").mouseenter(function() {
			$(".drop_list").fadeIn();
		});
		$(".drop_list li").mouseenter(function() {
			$(".content").fadeIn();
			$(".content").css('background', '#fff');
		});
		$(".all_goods").mouseleave(function() {
			$('.content').fadeOut();
			$('.drop_list').fadeOut();
			$(".drop_list ul li").removeClass('bgactive')
		});
		$(".drop_list ul li").mouseenter(function() {
			var page=$(this).index()+1;
			$(this).addClass('bgactive').siblings().removeClass('bgactive')
			$.ajax({
				url:"../../php/api-global/t_detail_list.php",
				dataType:"json",
				data:{
					page:page
				},
				success:function(res){
					var arr=[];
					for(var i=0;i<res.length;i++){
						arr.push(res[i].title)
					}
					var con=noRepeat(arr);
					var html='';
					for(var i=0;i<con.length;i++){
						html+=`<div class="item">
									<div class="item_title fl">
										<h3>${con[i]}</h3>
										<i class="iconfont icon-youjiantou"></i>
									</div>
									<ul>
									</ul>
	    						</div>`
					}
					$(".left_con").html(html);
					for(var j=0;j<res.length;j++){
						for(var i=0;i<con.length;i++){
							var html='';
							if(con[i]==res[j].title){
								html+=`<li><a href="detaill.html" target="_blank">${res[j].txt}</a></li>`
								$(".item").eq(i).find("ul").append(html);
							}
						}
					}
				}
			})
			$.ajax({
				url:"../../php/api-global/t_drop_right_img.php",
				dataType:"json",
				data:{
					page:page
				},
				success:function(res){
					var html="";
					for(var i=0;i<res.length;i++){
						html+=`<a href="###">
	    							<img src="${res[i].img_url}" alt="">
	    						</a>`
					}
					$(".right_img").html(html)
				}
			})
		});
	})();

	/*放大镜部分*/

	;(function(){
		$(".switch li").mouseenter(function() {
			x=$(this).index()
			$(this).addClass('active_li').siblings().removeClass('active_li')
			var url=$(this).children('img').attr("src");
			$(".imgInfo img").attr('src',url);
			$(".big_pic")[0].style.background="url("+url+")"+"no-repeat";
		});
		$(".imgInfo").mouseenter(function(e) {
			$(".drag").fadeIn()
			$(".big_pic").fadeIn()
		});
		$(".imgInfo").mouseleave(function(e) {
			$(".drag").fadeOut()
			$(".big_pic").fadeOut()
		});
		$(".imgInfo").mousemove(function(e) {
			var st=$(document).scrollTop();
			var ot=$(".imgInfo").offset().top;
			var ol=$(".imgInfo").offset().left;
			var x=e.clientX-ol;
			var y=e.clientY-(ot-st)
			x<100?x=100:null;
			x>348?x=348:null;
			y<100?y=100:null;
			y>348?y=348:null;
			$(".drag").css({
				left: x-100,
				top: y-100
			});
			$(".big_pic")[0].style.backgroundPosition=(-x*2+250)+"px "+(-y*2+250)+'px';
			$(".big_pic")[0].style.backgroundColor="#fff";
		});
	})();
	    									

	/*倒计时部分*/									

	;(function(){
		function countDown(){

			var endTime=new Date(2019,09,28,24).getTime()

			var dt=new Date();

			var startTime=dt.getTime();

			var time=endTime-startTime;
			if(time<0){
				clearInterval(t)
			}

			var seconds=parseInt(time/1000%60)
			seconds=seconds<10?"0"+seconds:seconds;

			var minutes=parseInt(time/1000/60%60)
			minutes=minutes<10?"0"+minutes:minutes;

			var hours=parseInt(time/1000/60/60%24)
			hours=hours<10?"0"+hours:hours;

	        var days=parseInt(time/1000/60/60/24)
	        days=days<10?"0"+days:days;

	        $("#days").html(days)
			$("#hoursT").html(hours);
			$("#minutesT").html(minutes);
			$("#secondsT").html(seconds);
		}

		countDown();

		var t=setInterval(countDown,1000)

	})();

	/*配送地址选择 三级联动*/

	;(function(){
			function proRender(){
				var pro_html="";
				for(var i in place){
					pro_html+=`<li>${i}</li>`
					$("#area").html(pro_html)
				}
			}
			function cityRender(){
		        var city_html="";
		        for(var i in place[pro][0]){
		            city_html+=`<li>${i}</li>`
		            $("#area").html(city_html)
		        }
		    }
		    function areaRender(){
		        var area_html="";
		        for(var i=0;i<place[pro][0][city].length;i++){
		            for(var j in place[pro][0][city][i]){
		                area_html+=`<li>${j}</li>`
		                $("#area").html(area_html)
		            }
		        }
		    }
		   	
		   	$(".select_site").click(function(){
		   		$(".drop_site").css('display', 'block');
		   	})
		   	$(".channel li").click(function(){
		   		$(this).addClass('bdt').siblings().removeClass('bdt')
		   	})
		   	var pos;
		   	$("#site1").click(function(){
		   		proRender()
		   		$("#area li").click(function(){
		   			pro=$(this).text()
	   				cityRender()
	   				$("#site2").addClass('bdt').siblings().removeClass('bdt')
	   				$("#area li").click(function(){
	   					city=$(this).text()
	   					areaRender()
	   					$("#site3").addClass('bdt').siblings().removeClass('bdt')
	   					$("#area li").click(function(){
	   						area=$(this).text()
	   						pos=pro+city+area;
	   						$(".drop_site").css('display', 'none');
	   						$(".select_site span").text(pos)
	   					})
	   				})
		   		})
		   	});
		   	
		   	$("#site2").click(function(){
		   		cityRender()
		   		$("#area li").click(function(){
		   			city=$(this).text()
		   			areaRender()
		   			$("#site3").addClass('bdt').siblings().removeClass('bdt')
		   			$("#area li").click(function(){
		   				area=$(this).text()
		   				pos=pro+city+area;
		   				$(".drop_site").fadeOut();
		   				$(".select_site span").text(pos)
		   			})
		   		})
		   	})
		   	$(".address").mouseleave(function(event) {
		   		$(".drop_site").css('display', 'none');
		   	});
	})();

	/*购物车数量加减*/

	;(function(){
		$("#item_num").val(1);
		num=$("#item_num").val();
		$("#add_num").click(function(){
			num++;
			if(num>50){
				num=50
				$("#add_num").css('background', '#eee');
			}
			$("#reduce").css('background', '#fff');
			$("#item_num").val(num)
		})
		$("#reduce").click(function(){
			num--;
			if(num<1){
				num=1;
				$("#reduce").css('background', '#eee');
			}
			$("#add_num").css('background', '#fff');
			$("#item_num").val(num)
		})
	})();

	/*轮播图*/
	;(function(){
		var flag=true;
		var x=0;
		var y=0;
		$("#next").click(function(){
			if(flag){
				flag=false;
				$(".goods").animate({marginLeft:-238}, 1000,function(){
					$(".goods").find('li').eq(0).appendTo($(".goods ul"))
					$(".goods").css('marginLeft', '0');
					flag=true;
				})
			}
		})
		$("#prev").click(function(){
			if(flag){
				flag=false;
				$(".goods").find('li').eq(9).insertBefore($(".goods").find('li').eq(0));
				$(".goods").css('marginLeft',-238);
				$(".goods").animate({marginLeft:0}, 1000,function(){
					flag=true;
				})
			}
		})
		function autoPlay(){
			t=setInterval(function(){
				$("#next").click()
			},2000)
		}
		autoPlay()
		$(".similar_goods").mouseenter(function() {
			clearInterval(t)
		});
		$(".similar_goods").mouseleave(function() {
			autoPlay()
		});
	})();

	function f(page,num,wrap){
		$.ajax({
			url:'../../php/api-global/t_similar.php',
			dataType:"json",
			data:{
				page:page,
				num:num
			},
			success:function(res){
				console.log(res)
				var html='';
				for(var i=0;i<res.length;i++){
					html+=`<li>
	                       	    <a href="detaill.html" target="_blank" class="img-cate">
	                               <img src="${res[i].img_url}" alt="${res[i].name}">
	                            </a>
	                            <p class="pro-name">
	                           		<a href="detaill.html" target="_blank">${res[i].name}</a>
	                            </p>
	                            <p class="pro-price"><span>￥</span><span>${res[i].price}</span></p>
	                        </li>`
				}
				wrap.html(html)
			}
		})

	}
	;(function(){
		f(1,10,$(".goods ul"))
		f(1,6,$(".detail_info .detail_left .comn"))
		f(1,5,$(".near_visit .comn"))
	})();
})
